.foods {
  margin-top: 80px;
  padding: 0 0 0 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 80px;
  overflow: visible;
  padding-bottom: 60px;
}

.foods .items {
  width: 144px;
  height: 152px;
  border-radius: 12px 12px 72px 12px;
  background-color: #353842;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#cookie-foods-v2 > div{
  background-color: #816F61;
} 
#cookie-foods-v2 > div p.english-title{
  color: #D9D9D9;
} 
#cookie-foods-v2 > div p.price{
  color: #FFC36A;
} 
#cookie-foods-v2 > div p.price span{
  color: #ECECEC;
} 

#cookie-foods-v3 > div{
  background-color: #FAF2B0;
} 
#cookie-foods-v3 > div p.title{
  color: #323232;
} 
#cookie-foods-v3 > div p.english-title{
  color: #959595;
} 
#cookie-foods-v3 > div p.price{
  color: #323232;
} 
#cookie-foods-v3 > div p.price span{
  color: #6A6A6A;
}

.items img {
  width: 101px;
  height: 97px;
  display: block;
  border-radius: 100px;
  margin: -60px auto 10px;
}
.items p {
  font-size: 14px;
}
.title {
  color: #ffffff;
  font-weight: 400;
  width: 100%;

  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  white-space: nowrap;
}
.english-title {
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.price {
  color: #db813e;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
.currency {
  content: attr(data);
  color: #a2a2a2;
  font-size: 12px;
  font-weight: 400;
  margin-right: 5px;
}

.categories {
  margin-top: 24px;
  padding-right: 16px;

  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: #202226;
}

.categories .swiper-slide {
  color: #727272;
  text-align: center;
  width: 100px;

  padding: 5px 0;
  /* width: fit-content; */

  cursor: pointer;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  position: relative;
}

#cookie-category-v2{
  background-color: #342F2C !important;
}
#cookie-category-v2 div.swiper-wrapper> div.swiper-slide div{ 
  background-color: #816F61 !important;
}
#cookie-category-v2 div.swiper-wrapper div.active-category span{ 
  color: #FFC36A !important;
}
#cookie-category-v2 div.swiper-wrapper> div.swiper-slide span{ 
  color: #CFCFCF ;
}

#cookie-category-v3{
  background-color: #FAF2B0 !important;
}
#cookie-category-v3 div.swiper-wrapper> div.swiper-slide div{ 
  background-color: #FFEF5C !important;
}
#cookie-category-v3 div.swiper-wrapper div.active-category span{ 
  color: #323232 !important;
}
#cookie-category-v3 div.swiper-wrapper> div.swiper-slide span{ 
  color: #959595 ;
}


.icon-holder {
  background-color: #353840;
  border-radius: 24px;
  max-height: 48px;
  min-height: 48px;
  max-width: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.categories .swiper-slide svg {
  max-width: 32px;
  min-width: 32px;
  max-height: 32px;
  min-height: 32px;
}
svg rect {
  fill: transparent;
  stroke: transparent;
}
svg path {
  stroke: #a2a2a2 !important;
}

.categories .swiper-slide span {
  font-size: 13px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}

.active-category span,
.active-category svg path {
  color: #db813e;
  stroke: #db813e !important;
}

@media screen and (min-width: 370px) {
  .foods .items {
    width: 45%;
  }
}